body{
    background-color: #F3F5F7;
}

.detail-titie{
    height: .72rem;
    width: 100%;
    color: #999;
    position: relative;
    background-color: #fff;
}
.detail-titie p{
    margin: 0;
    padding: 0;
}
.left-icon,.more{
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: .12rem;
    // left: .12rem;
    font-size: .48rem;
}
.left-icon{
    left: .24rem;
}
.more{
    right: .24rem;
}
.detail-head{
    font-size: .28rem;
    text-align: center;
    line-height: .74rem;
    color:#000;
    background-color: #fff;
}
.detail-swiper{
    width: 7.5rem;
    height: 8.2rem;
    margin: 0 auto;
    background-color: #ff0;
    position: relative;
}

/* 产品标题 */
.product-head{
    width: 100%;
    padding: 0.16rem 0.32rem;
    background-color: #fff;
}
.pro-head-title{
    display: flex;
    height: 38rem * 0.02;
    position: relative;
    .left{
        flex: 1;
        line-height: 38rem * 0.02;
        font-size: 14rem * 0.02;
        color: #232628;
        font-weight: 600;
    }
    .iconfont{
        position: absolute;
        top: 0.12rem;
        right: 0;
        width: 26rem * 0.02;
        height: 26rem * 0.02;
        line-height: 26rem * 0.02;
        text-align: center;
        font-size: 0.32rem;
    }
}

.pro-head-info{
    display: flex;
    position: relative;
    height: 0.64rem;
    line-height: 0.64rem;
    .price{
        font-size: 0.4rem;
        color: #FF734C;
        font-weight: 600;
    }
    .original-price{
        font-size: 0.28rem;
        margin: 0 0.32rem 0 0.12rem;
        color: #b4babf;
        line-height: 0.76rem;
        text-decoration: line-through;
    }
    .sold-out{
        flex: 1;
        text-align: right;
    }
}

/* 规格 */
.pro-specification{
    position: relative;
    font-size: 14rem * 0.02;
    margin-top: 0.16rem; 
    margin-bottom: 0.12rem;
    padding: 0.16rem 0.32rem;
    background-color: #fff;
}

.pro-spec-item{
    display: flex;
}

.pro-spec-left,.pro-spec-right{
    padding: 0.24rem 0;
    font-size: 0.24rem;
    height: 0.8rem;
}

.pro-spec-left{
    width: 42rem * 0.02;
}
.pro-spec-right{
    position: relative;
    flex: 1;
}

.pro-spec-right::after{
    content: '';
    display: block;
    width: 100%;
    height: 0.02rem;
    position: absolute;
    bottom: 0.06rem;
    background-color: #E9ECF0;
}

.pro-spec-item:last-child .pro-spec-right{
    &::after{
        background-color: transparent;
    }
}

/* 配送 */
.pro-delivery{
    margin-bottom: 0.12rem;
    height: 48rem * 0.02;
    .weui-cells{
        margin-top: 0;
    }
    .weui-cell_select{
        height: 100%;
        padding: (10rem * 0.02) (15rem * 0.02);
    }
}

/* 图文详情 */
.img-detail{
    margin-bottom: 48rem * 0.02;
}
.img-detail .title{
    background-color: #fff;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: (12rem * 0.02) (16rem * 0.02);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img-detail .text{
    flex: 1;
    font-size: 16rem * 0.02;
}

.img-list{
    position: relative;
    width: 100%;
}

.img-list img{
    width: 100%;
}

/* 底部菜单栏 */
.tabBar{
    position:fixed;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 48rem * 0.02;
    background-color: #fff;
    z-index: 999;
    color: #fff;
    border-top: 0.02rem solid #e9e9e9;
}

.tabbar-i{
    flex: 1;
    line-height: 48rem * 0.02;
    font-size: 0.28rem;
    text-align: center;
}

.tabbar-i i{
    font-size: 0.54rem;
    color: #000;
}

.tabbar-i:last-child{
   background-color: #ff5733;
}
.tabbar-i:nth-last-child(2){
    background-color: #324c36;
}